.news { padding-top: .3rem; padding-bottom: 1rem; font-size: .16rem; }
.news-list { margin-top: .2rem; margin-bottom: .2rem; }
.news-item { padding: .25rem .3rem; margin-top: .1rem; -webkit-border-radius: .1rem; border-radius: .1rem; background-color: #fafafa; -webkit-transition: background-color .2s, -webkit-transform .25s linear, -webkit-box-shadow .25s linear; transition: background-color .2s, -webkit-transform .25s linear, -webkit-box-shadow .25s linear; -o-transition: background-color .2s, transform .25s linear, box-shadow .25s linear; transition: background-color .2s, transform .25s linear, box-shadow .25s linear; transition: background-color .2s, transform .25s linear, box-shadow .25s linear, -webkit-transform .25s linear, -webkit-box-shadow .25s linear; }
.news-item:first-of-type { margin-top: 0; }
.news-item:hover,
.news-item:active { background-color: #fff; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 2px .08rem rgba(0, 0, 0, .075); box-shadow: 0 2px .08rem rgba(0, 0, 0, .075); }
.news-item.hot > .news-item-hd > .news-title > strong { background-image:url('');;  }
.news-item.hot > .news-item-hd > .news-title > a { color: #e91212; }
.news-item-hd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.news-item-hd > .news-title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: .2rem; font-weight: 500; line-height: 1.6; }
.news-item-hd > .news-title > strong { display: inline-block; width: .52rem; height: .2rem; color: #fff; font-weight: 500; font-size: .14rem; text-align: center; line-height: .2rem; background: url('') left center no-repeat; vertical-align: .03rem; }
.news-item-hd > .news-title > a:hover,
.news-item-hd > .news-title > a:active { color: #000; }
.news-item-hd > .news-date { margin-left: .4rem; color: #999; white-space: nowrap; }
.news-item-bd { margin-top: .1rem; }
.news-item-bd > .news-desc { max-height: .48rem; overflow: hidden; color: #666; line-height: 1.5; }
.news-item-bd > .news-desc > a { margin-left: .1rem; color: #6177ca; }
.news-item-bd > .news-desc > a:hover,
.news-item-bd > .news-desc > a:active { text-decoration: underline; }

.news-detail { padding-bottom: 1.1rem; color: #666; font-size: .18rem; line-height: 1.66; }
.news-detail::after {
    content: '';
    display: block;
    height: .7rem;
    margin-top: .7rem;
    background: url(../images/news-logo.png) right center no-repeat;
    -webkit-background-size: auto 100%;
            background-size: auto 100%;
}
.news-detail > .news-title { padding-left: .7rem; padding-right: .7rem; font-size: .3rem; font-weight: 500; line-height: 1.6; text-align: center; }
.news-detail > .news-date { margin-top: .1rem; color: #999; font-size: .16rem; font-weight: 500; line-height: 2; text-align: center; }
.news-detail > .news-content { padding-top: .2rem; margin-top: .2rem; border-top: 1px solid #f4f4f4; }
.news-detail > .news-content p { margin-bottom: .3rem; text-indent: 2em; }
.news-detail > .news-content img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; }
